<template>
  <a-sub-menu key="sub1">
    <template #title>
      <span>
        <user-outlined />
        基础
      </span>
    </template>
    <router-link to="/RouterGetStarted">
      <a-menu-item key="1">入门</a-menu-item>
    </router-link>
    <router-link to="/DynamicMatching/Jack">
      <a-menu-item key="2">动态路由匹配</a-menu-item>
    </router-link>
    <router-link to="/MatchingSyntax/apple">
      <a-menu-item key="3">路由匹配语法</a-menu-item>
    </router-link>
    <router-link to="/NestingRouter/1">
      <a-menu-item key="4">嵌套路由</a-menu-item>
    </router-link>
    <router-link to="/ProgrammedNavigation/">
      <a-menu-item key="5">编程式导航</a-menu-item>
    </router-link>
    <router-link to="/NamedRoute/">
      <a-menu-item key="6">命名路由</a-menu-item>
    </router-link>
    <router-link to="/NamedView/showView">
      <a-menu-item key="7">命名视图</a-menu-item>
    </router-link>
    <router-link to="/RedirectHome/1">
      <a-menu-item key="8">重定向</a-menu-item>
    </router-link>
    <router-link to="/passingProps/1">
      <a-menu-item key="9">路由组件传值</a-menu-item>
    </router-link>
    <router-link to="/FunctionalProps/1">
      <a-menu-item key="10">组件函数传值</a-menu-item>
    </router-link>
    <router-link to="/NavigationGuards">
      <a-menu-item key="11">导航守卫</a-menu-item>
    </router-link>
    <router-link to="/RouterMeta">
      <a-menu-item key="12">路由元信息</a-menu-item>
    </router-link>
    <router-link to="/DataFetching">
      <a-menu-item key="13">数据获取</a-menu-item>
    </router-link>
    <router-link to="/CompositionApi">
      <a-menu-item key="14">组合式API</a-menu-item>
    </router-link>
    <router-link to="/transitions">
      <a-menu-item key="15">过渡动效</a-menu-item>
    </router-link>
    <router-link to="/ScrollBehavior">
      <a-menu-item key="16">滚动行为</a-menu-item>
    </router-link>
    <router-link to="/ExtendingRouterLink">
      <a-menu-item key="17">扩展RouterLink</a-menu-item>
    </router-link>
    <router-link to="/NavigationFailures">
      <a-menu-item key="18">导航故障</a-menu-item>
    </router-link>
    <router-link to="/DynamicRouting">
      <a-menu-item key="19">动态路由</a-menu-item>
    </router-link>
  </a-sub-menu>
</template>
<script>
import { UserOutlined } from "@ant-design/icons-vue";

export default {
  components: {
    UserOutlined,
  },
};
</script>
